{% extends 'base.html' %}

{% block all_content %}
    <div class="hero-unit">
	    <h1>EngOnline</h1>
	    <p>Learn grammar</p>
		<p>
			<a class="btn btn-primary btn-large" href="{% url 'page.views.take_diagnostic' %}">
				Take the Diagnostic Test
			</a>
		</p>
    </div>
    <h1>Welcome to EngOnline</h1>
    <p class="lead">
		EngOnline is a grammar course geared to the needs of the students at Chalmers University of Technology. It comprises a grammar book and exercises.
	</p>
    <p>
		<ol>
			<li>
				First take the <a>Diagnostic test</a> to determine which chapters you need to practise the most. An EngOnline course book, based on your result on the diagnostic test, will be generated when you press 'submit'.
			</li>
			<li>
				At this stage you can start working with the grammar instructions and exercises.
			</li>
			<li>
				When you feel you have studied a chapter enough, you can take a 'Progress check' to check up on what you have learned.
			</li>
		</ol>
	</p>
	<p>
		Although we have tried to minimise the use of grammatical terminology, there are still a number of grammatical phrases that have to be used. An explanation of grammatical terms is provided in the section <a href=".">Grammatical terms.</a> 
	</p>
{% endblock %}
